
/* 盒子 */

.flex {
	display: flex;
}

.flex-center {
	display: flex;
	align-items: center;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-col {
	flex: 1;
	min-width: 0;
}

.flex_bd {
	flex: 1;
	min-width: 0;
}

.justify-center {
	justify-content: center;
}

.justify-zBetween {
	justify-content: space-between;
}
.Between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* 显示两行文字 */
.line-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* 文字省略号 */
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.clearfix:after,
.clearfix:before {
	display: table;
	content: " "
}

.clearfix:after {
	clear: both
}

.place-list{
	margin: 0 -8px;
	overflow: hidden;
}
.place-list li{
	float: left;
	width:20%;
	padding: 0 8px;
}
.place-swipe{
	margin-bottom: 15px;
}
.place-box{
	cursor: pointer;
	border-radius: 8px;
	background-color: rgba(255,255,255,.7);
}
.place-grid{
	padding: 15px;
}
.place-grid .title{
	font-size: 14px;
	margin-bottom: 6px;
}
.place-grid .desc{
	color: #555864;
	font-size: 13px;
	margin-bottom: 15px;
}
.place-pic{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 142px;
	border-radius: 8px 8px 0 0;
}
.pl-foot{
	line-height: 1;
}
.pl-foot .pl-time{
	color: #555864;
	font-size: 13px;
}
.pl-avatars{
	display: flex;
	align-items: center;
	padding-right: 8px;
}
.pl-avatars .avatar{
	margin-right: -8px;
}
.pl-avatars .avatar img{
	width: 24px;
	height: 24px;
	border-radius: 24px;
	border: 1px solid #FFFFFF;
	box-shadow: 0 0 4px rgba(0,0,0,.1);
}
.steps-swipe{
	padding: 30px 70px;
}
.bs-panel{
	border-radius: 8px;
	margin-bottom: 15px;
	background-color: rgba(255,255,255,.7);
}
.bs-panel:last-child{
	margin-bottom: 0;
}
.bs-panel_bd{
	padding: 20px;
}

.steps{
	padding: 30px 70px;
}
.step-item{
	cursor: pointer;
	text-align: center;
}
.step-item .text{
	margin-top: 10px;
}
.step-item .icon{
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #FFFFFF;
	border-radius: 50px;
	margin:0 auto;
}
.step-item .icon .iconfont{
	color: #4e9cff;
	font-size: 24px;
}
.step-item.active .icon{
	background-image: linear-gradient(to right, #53beff , #4e95ff);
	
}
.step-item.active .icon .iconfont{
	color: #FFFFFF;
}
.steps .col{
	flex: 1;
}
.step-item_line{
	flex: 1;
	height: 1px;
	margin: 30px 10px;
	background-color: #a1aabd;
}
.steps .col:last-child {
	flex: unset;
}
.steps .col:last-child .step-item_line{
	display: none;
}

.bs-room-body{
	padding: 20px;
}
.room-left{
	width: 400px;
}
.room-cell{
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.room-cell:last-child{
	margin-bottom: 0;
}
.room-cell .rlabel{
	font-size: 16px;
	margin-right: 20px;
}
.room-swiper{
	margin: 0 auto;
}
.room-thumbs .img{
	transform: scale(.9);
	border-radius: 8px;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: .3s all;
}
.room-swiper{
	position: relative;
}
.swiper-pagination{
	width: 100%;
	text-align: center;
}
.swiper-pagination-bullet{
	opacity: 1;
	margin: 0 4px;
	background-color: #FFFFFF;
}
.swiper-pagination-bullet-active{
	background-color: #0080ff;
}
.room-thumbs .swiper-slide-active  .img{
	transform: scale(1);
	border: 1px solid #0080ff;
}


.bs-filter{
	padding: 20px;
	border-bottom: 1px solid #a7afc0;
}
.bs-filter:last-child{
	border-bottom: 0;
}
.fil-form .el-form--inline .el-form-item{
	margin-bottom: 0;
	margin-right: 30px;
}
.fil-form .el-select{
	width: 160px;
}
.fil-label{
	line-height: 30px;
	width: 118px;
}

.bs-filter .el-radio.is-bordered{
	padding: 8px 20px 0 20px;
	border: 0;
	margin-left: 0;
}
.bs-filter .el-radio__input{
	display: none;
}
.bs-filter .el-radio__label{
	padding-left: 0;
	font-size: 14px!important;
}
.bs-filter .el-radio.is-bordered.is-checked {
    border-color: #0080ff;
	background-color: #0080ff;
	color: #FFFFFF;
}
.bs-filter .el-radio__input.is-checked+.el-radio__label{
	color: #FFFFFF;
}
.bs-filter .el-radio{
	margin-right: 20px;
	margin-bottom: 5px;
}
.bs-filter:first-child{
	padding-bottom: 10px;
}
.fil-button .el-button{
	width: 66px;
}

.el-button--primary {
    color: #FFF;
    background-color: #3692ef;
    border-color: #3692ef;
}
.el-button--default {
    color: #3692ef;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.fil-select{
	padding: 6px 0;
	cursor: pointer;
	color: #3692ef;
	font-weight: bold;
}
.bs-filter .el-input__inner{
	background-color: rgba(255,255,255,.7);
	border-color: rgba(255,255,255,.7);
}

.user-avatar{
	font-size: 0;
	margin-right: 15px;
}
.user-avatar img{
	width: 66px;
	height: 66px;
	border-radius: 55px;
}
.user-cell .user-hd{
	font-size: 16px;
	margin-bottom: 10px;
}
.user-cell .user-info{
	font-size: 14px;
	color: #555864;
}
.user-data .line{
	width: 1px;
	height: 46px;
	background-color: #aab2c4;
	margin: 0 30px;
}
.user-data .value{
	color: #0080ff;
	font-size: 18px;
	font-weight: bold;
	font-family: "times new roman";
}
.user-data .value .v{
	font-size: 26px;
}
.user-data .text{
	color: #333333;
}
.user-panel{
	margin-bottom: 16px!important;
}
.bs-panel_hd{
	position: relative;
	padding: 0 18px;
	height: 50px;
	border-bottom: 1px solid #a1aabd;
}
.bs-panel_hd .bs-tt{
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
}
.bs-panel_hd::before{
	content: '';
	width: 6px;
	height: 20px;
	border-radius:0 10px 10px 0;
	background-color: #0080ff;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
}
.proj-ing ul{
	overflow: hidden;
	border-radius: 8px;
}
.proj-ing ul li{
	height: 136px;
	padding:16px 20px;
	float: left;
	width: 25%;
	margin-top: -1px;
	border-right: 1px solid #a1aabd;
	border-top: 1px solid #a1aabd;
}
.proj-swipe .swiper-slide{
	border-right: 1px solid #a1aabd;
	padding:16px 20px;
	border-top: 1px solid #a1aabd;
	margin-top: -1px;
}


.proj-head{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.proj-head img{
	margin-right: 5px;
}
.proj-head .tt{
	font-weight: bold;
}
.proj-intro{
	color: #555864;
	margin-bottom: 10px;
}
.proj-foot{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.proj-foot .tag{
	height: 26px;
	line-height: 26px;
	padding:0 10px;
	border-radius: 5px;
	font-size: 12px;
	color: #555864;
	background-color: rgba(255,255,255,.7);
}
.proj-foot .time{
	font-size: 12px;
	color: #555864;
}
.proj-cell{
	cursor: pointer;
}
.proj-news{
	overflow: hidden;
	padding-left: 16px;
}
.proj-news li{
	border-bottom: 1px solid #9ca9bf;
	padding: 16px 0;
	transition: .3s all;
}
.proj-news li:hover{
	transform: translateX(10px);
}

.proj-news li:last-child{
	border-bottom: 0;
}
.pn-pic{
	margin-right: 10px;
	font-size: 0;
}
.pn-pic img{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	box-shadow: 0 0 20px #92acc9;
}
.proj-news .pn-attr{
	font-size: 13px;
	color: #555864;
}
.proj-news .pn-attr i{
	margin-right: 5px;
}
.pn-title{
	cursor: pointer;
	margin-bottom: 6px;
}
.proj-icons{
	padding: 12px 0;
}
.proj-icons li{
	padding:8px 12px;
	float: left;
	width: 25%;
}
.icon-box{
	cursor: pointer;
	text-align: center;
	line-height: 1;
}
.icon-box .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 50px;
}
.icon-box .text{
	margin-top: 7px;
}
.icon-add-box .icon{
	background-image: linear-gradient(to right, #72c2f4 , #4e94ff);
}
.icon-add-box i{
	color: #FFFFFF;
	font-size: 24px;
}
.index-number{
	justify-content: space-between;
}
.index-number li{
	text-align: center;
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-number li.line{
	width: 1px;
	height: 38px;
	background-color: #a1aabd;
}
.inu-box{
	position: relative;
	text-align: left;
	line-height: 1;
	padding-left: 15px;
}
.inu-box .t{
	color: #555864;
	margin-bottom: 10px;
}
.inu-box .v{
	font-weight: bold;
	color: #222;
	font-size: 20px;
}
.inu-box img{
	position: absolute;
	left: 0;
	top: 4px;
}
.index-echart{
	height: 235px;
}
.handle-data{
	margin: 0 -8px;
}
.handle-data li{
	width: 8.3333%;
	float: left;
	padding: 0 8px;
}
.hl-card{
	cursor: pointer;
	line-height: 1;
	padding: 15px 0;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(255,255,255,.7);
}
.hl-card.active{
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	background-color: rgba(255,255,255,.9);
}


.hl-card .text{
	padding: 10px 0;
	color: #555864;
}
.hl-card .value{
	font-size: 18px;
	color: #333333;
}
.handle-cells{
	margin-bottom: 20px;
}
.handle-cells:last-child{
	margin-bottom: 0;
}
.handle-list{
	margin: 0 -8px;
}
.handle-list li{
	padding: 0 8px;
	width: 20%;
	float: left;
	margin-bottom: 16px;
}
.handle-list-card{
	cursor: pointer;
	line-height: 1;
	border-radius: 5px;
	background-color: rgba(255,255,255,.7);
}
.handle-list-card.active{
	background-color: rgba(255,255,255,.9);
}
.ha-body{
	padding: 16px;
}
.ha-head{
	height: 36px;
	padding: 0 16px;
	background-color: rgba(255,255,255,.5);
	border-radius: 5px 5px 0 0;
}
.handle-list-card.active .ha-head{
	background-color: rgba(255,255,255,1);
}
.ha-head img{
	margin-right: 6px;
}
.ha-body .ha-pic{
	font-size: 0;
	margin-right: 10px;
}
.ha-pic img{
	width: 76px;
	height: 76px;
	border-radius: 8px;
}
.ha-body .item{
	font-size: 12px;
	line-height: 1.2;
}
.pagination-foot{
	justify-content: center;
}
.el-pagination{
	font-weight: normal;
}
.ana-card{
	height: 96px;
	overflow: hidden;
	background-color: rgba(255,255,255,.7);
	border-radius: 5px;
}
.ana-left{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	width: 124px;
	height: 96px;
	border-radius: 5px;
	background-color: rgba(145,192,255,.4);
}
.ana-red-left{
	line-height: 1;
	background-color: rgba(247,91,87,.3);
}
.ana-left .an-text{
	margin-top: 5px;
}
.ana-data {
	text-align: center;
}
.ana-data .line{
	width: 1px;
	height: 40px;
	background-color: #aac0d2;
}
.ana-data .value{
	font-size: 24px;
	color: #4e9bff;
}
.ana-data .text{
	font-size: 14px;
	color: #555864;
}
.tk-cell{
	height: 96px;
	padding-left: 10%;
}
.tk-cell .tk-bar{
	line-height: 1;
	width: 16px;
	text-align: center;
	margin-right: 5px;
}
.tk-pic{
	margin-right: 10px;
}
.tk-pic img{
	width: 76px;
	height: 76px;
	border-radius: 8px;
}
.tk-cell .item{
	font-size: 12px;
}
.text-red{
	color: #FF0000!important;
}
.text-yellow{
	color: #ffb500!important;
}
.tk-progress{
	width: 80px;
	margin: 0 auto;
	position: relative;
}
.tk-progress .tk-pv{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

.tk-pv .tk-value{
	color: #f34f55;
	font-size: 24px;
	font-weight: bold;
}
.tk-pv .tk-text{
	color: #555864;
	font-size: 13px;
}

/* 10.随身物品巡查(1) */
.user-lg-data{
	text-align: center;
	width: 100%;
}
.user-lg-data .txt{
	font-size: 20px;
}
.user-lg-data .value .v{
	font-size: 34px;
}
.user-lg-data li{
	position: relative;
	border-right: 1px solid #aab2c4;
}
.user-lg-data li:last-child{
	border-right: 0;
}

.fil-so-btn{
	cursor: pointer;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bs-list-filter{
	padding: 10px 10px 10px 20px;
}
.bs-list-filter .el-radio{
	margin-bottom: 0;
}
.bs-list-filter .el-input__icon{
	color: #999;
	cursor: pointer;
	font-size: 20px;
}
.fil-search{
	width: 170px;
	margin-left: 40px;
}

.bs-list-filter .fil-label{
	line-height: 40px;
}

.carr-list li{
	position: relative;
	padding: 10px;
}

.carr-info .pic{
	margin-right: 10px;
}
.carr-info .title{
	font-size: 16px;
	margin-bottom: 15px;
}
.carr-info .info{
	color: #666;
}
.carr-info .pic img{
	width: 140px;
	height: 70px;
	border-radius: 10px;
}
.carr-list li::after{
	height: 1px;
	background-color: #9ba3b0;
	content: '';
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 0;
}
.carr-info{
	cursor: pointer;
	width: 32%;
}
.carr-attr{
	width: 9%;
}
.carr-lg-attr{
	width: 14%;
}
.carr-progress{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30%;
}
.carr-progress .el-progress{
	width: 280px;
}
.carr-action{
	margin-left: auto;
}
.carr-attr .text{
	font-size: 16px;
}
.carr-attr .value{
	font-size: 14px;
	color: #999999;
}
.carr-action .el-link{
	color: #0080ff;
	font-size: 16px;
	margin: 0 10px;
}
.carr-progress .el-progress-bar__inner{
	background: #0080ff;
}
.carr-progress .el-progress.is-exception .el-progress-bar__inner{
	background: #ff0036;
}
.carr-progress .el-progress.is-success .el-progress-bar__inner{
	background: #00ff9c;
}
.el-progress__text i{
	font-size: 18px;
}
.el-progress__text{
	color: #0080ff;
}
.el-progress.is-success .el-progress__text{
	color: #00ff9c;
}
.carry-pages{
	display: flex;
	justify-content: flex-end;
	padding: 15px;
}
.carr-list li:hover::after{
	display: none;
}
.carr-list li:hover{
	border-radius: 10px;
	border: 2px solid #0080ff;
}

.inspec-list{
	margin: 0 -8px;
}
.inspec-list li{
	float: left;
	width: 33.3333%;
	padding: 0 8px;
}
.ins-panel{
	height: 162px;
	cursor: pointer;
	border-radius: 8px;
	margin-bottom: 15px;
	background-color: rgba(255,255,255,.7);
}
.ins-panel .ins-button{
	display: flex;
	height: 56px;
	text-align: center;
	border-top: 1px solid #aab2c3;
}
.ins-button .btn{
	position: relative;
	width: 50%;
	line-height: 56px;
	cursor: pointer;
}
.ins-button .btn:first-child::before{
	display: block;
	content: '';
	background-color: #8d93a2;
	position: absolute;
	right: 0;
	top:50%;
	width: 1px;
	height: 30px;
	margin-top: -15px;
}
.ins-cell{
	display: flex;
	height: 108px;
	padding: 10px;
}
.ins-cell .ins-icon{
	width: 54px;
	height: 54px;
	display: block;
	margin-right: 10px;
}
.ins-cell .title{
	padding: 8px 0;
	font-size: 20px;
}
.ins-cell .desc{
	color: #333;
	line-height: 1.7;
}
.ins-menu{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 20px;
	border: 2px solid #007fff;
	border-radius: 8px;
}
.ins-menu .el-icon-circle-plus{
	color: #0080ff;
	font-size: 24px;
	margin-right: 5px;
}
.ins-echart-panel{
	height: 516px;
}
.ins-echart-panel .ins-echart{
	height: 50%;
}

.file-grid .xlogo{
	margin-right: 15px;
}
.file-grid .xlogo img{
	width: 66px;
	height: 66px;
	border-radius: 55px;
}
.file-grid .item{
	margin-bottom: 6px;
}
.file-grid .item .hd{
	color: #7c7f8e;
}
.file-title{
	font-size: 16px;
	margin-bottom: 6px;
}
.file-grid .el-row{
	max-width: 700px;
}
.file-end .el-link--inner{
	display: inline-flex;
	align-items: center;
}
.file-data{
	display: flex;
	text-align: center;
	line-height: 1.2;
}
.file-data li{
	margin-left: 60px;
}
.file-data li .text{
	padding: 10px 0;
}
.file-data li .value{
	color: #0080ff;
	font-size: 20px;
}

.lesson-main .el-tabs__nav-wrap::after{
	display: none;
}
.lesson-main .el-tabs__item{
	padding: 0 10px;
	height: 30px;
	line-height: 1.2;
}
.el-tabs__item.is-active{
	color: #0080ff;
}




.lesson-main .el-tabs__active-bar{
	height: 3px;
}
.lesson-list{
	margin-right: 10px;
}
.lesson-list li{
	padding: 15px 20px;
	border-radius: 10px;
	background-color: #d2deea;
	margin-bottom: 20px;
	transition: .3s all;
}
.lesson-list li:hover{
	transform: translateX(20px);
}

.lesson-info{
	cursor: pointer;
}
.lesson-info .pic{
	font-size: 0;
	margin-right: 12px;
}
.lesson-info .pic img{
	border-radius: 3px;
}

.lesson-info .title{
	margin-bottom: 5px;
}
.lesson-info .item{
	color: #555864;
}
.lesson-action{
	color: #0080ff;
	margin-left: auto;
}
.lesson-action .line{
	padding: 0 10px;
}
.lesson-middle{
	flex: 1;
	min-width: 0;
}
.le-value{
	color: #555864;
	text-align: center;
}
.le-aside{
	text-align: center;
	margin-right: 10px;
	width: 60px;
	height: auto;
	border-radius: 8px;
	margin-left: 30px;
	height: 390px;
	background-color: #d2deea;
}
.le-nav{
	padding: 10px 0;
}
.le-nav li{
	padding:5px 0;
}
.le-nav li.active{
	background-color: rgb(64 158 255 / 10%);
}
.le-nav li.active a{
	color: rgb(64 158 255 / 100%);
}

.lesson-scroll .el-scrollbar {
	height: 100%;
}
.lesson-scroll .el-scrollbar__wrap {
	overflow: scroll;
	overflow-x: hidden;
	width: 110%;
	padding-right: 10%;
	height: 104%;
}
.lesson-scroll{
	width: 100%;
	height: calc(100vh - 426px);
}
.lesson-scroll .el-scrollbar__bar.is-horizontal{
	display: none;
}

.jk-left{
	margin-right: 15px;
}
.jk-photos li{
	margin-bottom: 16px;
}
.jk-photos li:last-child{
	margin-bottom: 0;
}
.jk-photo{
	font-size: 0;
	cursor: pointer;
}
.jk-photo img{
	height: 192px;
}
.jk-right{
	margin-left: 16px;
	width: 350px;
}
.bs-time{
	color: #666;
}
.notice-dot{
	position: relative;
	height: 220px;
}
.notice-dot .notice-item{
	position: relative;
	padding-bottom: 15px;
	padding-left: 25px;
}
.notice-dot .notice-item .time{
	margin-bottom: 6px;
}
.notice-dot .notice-item .cont{
	font-size: 14px;
}





.text-blue{
	color: #0080ff!important;
}
.notice-dot .notice-item::before{
	content: '';
	position: absolute;
	top: 4px;
	bottom: 0;
	border-left:1px solid #a1aabd;
	left: 5px;
}
.notice-dot .notice-item::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	background: url(../images/er/dot.png) no-repeat center;
}

.cmp-info{
	color: #73788a;
	margin-top: 15px;
}
.cmp-data{
	text-align: center;
}
.cmp-data .v{
	font-size: 24px;
}
.cmp-data .t{
	font-size: 14px;
}
.cmp-progress{
	width: 100%;
}
.cmp-progress .cmp-bar{
	height: 8px;
}
.cmp-progress .cmp-bar:first-child{
	border-radius: 10px 0 0 10px;
}
.cmp-progress .cmp-bar:last-child{
	border-radius:0 10px 10px 0;
}
.bx-tip{
	color: #73788a;
}
.data-box{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 108px;
}
.ss-data-list li{
	float: left;
	width: 33.33%;
}
.data-box .text{
	color: #333333;
	font-size: 16px;
	margin-bottom: 10px;
}
.data-box .value{
	color: #333333;
	font-size: 24px;
}
.data-box .info{
	color: #555864;
}
.ss-data{
	overflow: hidden;
}
.text-poplar{
	color: #d25ff1!important;
}
.text-green{
	color: #4cc669!important;
}
.text-gray{
	color: #777777!important;
}
.ss-data-list li{
	margin-top: -1px;
	margin-left: -1px;
	border-top: 1px solid #a1aabd;
	border-left: 1px solid #a1aabd;
}
.tip-echart{
	height: 175px;
}



.sus-bar{
	width: 252px;
	margin-right: 16px;
}
.sus-bar .handle-list{
	margin: 0;
}
.sus-bar .handle-list .handle-list-card{
	margin-bottom: 16px;
}
.ha-items .item{
	line-height: 1.6!important;
	font-size: 14px!important;
}
.ha-items{
	margin-right: 40px;
}

.sus-tabs{
	margin-top: 16px;
	padding: 0 20px 20px 20px;
}
.sus-tabs .el-tabs__nav-wrap::after{
	height: 1px;
	background-color: #a4aec1;
}
.sus-tabs .el-tabs__item{
	padding: 0 14px;
	font-size: 16px;
	height: 50px;
}
.sus-tabs .el-tabs__active-bar{
	bottom: 10px;
}

.delist-card{
	padding: 20px;
	background-color: rgba(255,255,255,.7);
	border-radius:8px;
	height: 136px;
	cursor: pointer;
}
.delist-card .title{
	font-size: 16px;
	margin-bottom: 5px;
}
.delist-card .items{
	margin-bottom: 8px;
	color: #666666;
}
.delist-card .items .item:first-child{
	margin-right: 20px;
}
.sf-end .hd{
	color: #666666;
	margin-bottom: 8px;
}
.sf-nums .num{
	width: 36px;
	border-radius: 4px;
	text-align: center;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	margin-right: 5px;
	background-color: #0077AA;
}
.sf-nums .num-lg-red{
	background-color: #831414;
} 
.sf-nums .num-red{
	background-color: #e32828;
} 
.sf-nums .num-orange{
	background-color: #d87133;
} 
.sf-nums .num-yellow{
	background-color: #f5cc26;
} 
.sf-nums .num-green{
	background-color: #23abb7;
} 
.sf-tip{
	color: #14ad79;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
}
.bs-tip{
	margin-bottom: 10px;
}
.file-main .bs-panel{
	margin-bottom: 12px!important;
}
.file-head{
	color: #FFFFFF;
	margin-bottom: 20px;;
}
.top-data li{
	margin-left: 20px;
}
.data-flex img{
	margin-right: 15px;
}
.data-flex .v{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0ebfac;
}
.data-flex .text{
	font-size: 14px;
}
.day-box .hd{
	font-size: 36px;
	margin-bottom: 10px;
}
.day-box .day-v{
	font-size: 14px;
}
.top-file .el-select{
	width: 108px;
}
.top-file .el-select .el-input__inner{
	border: 0;
	background-color: rgba(255,255,255,.8);
}
.first-cell{
	height: 118px;
}
.first-cell.first-cell{
	justify-content: space-between;
}
.fir-cc{
	background: url(../images/er/filbg.png) center no-repeat;
	margin: 0 5%;
	width: 104px;
	height: 100px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0080ff;
}
.fir-cc span{
	font-size: 24px;
}
.fir-echart{
	width: 56%;
}
#echart1{
	height: 118px;
}
#echart2{
	height: 118px;
}
#echart3{
	height: 86px;
}
#echart4{
	height: 220px;
}
#echart5{
	height: 215px;
}
#echart6{
	height: 215px;
}
#echart8{
	height: 190px;
}
#echart71,
#echart72,
#echart73{
	width: 60px;
	height: 60px;
}
.ec-text{
	margin-left: 16px;
}
.ec-text div{
	padding: 4px 0;
}

.left-ecahrt{
	height: 130px;
}
.btm-ecahrt >.left-ecahrt{
	width: 18%;
}
.btm-ecahrt >.right-ecahrt{
	width: 26%;
}

.btm-ecahrt .flex_bd{
	margin: 0 2%;
	border-left: 1px solid #a1aabd;
	border-right: 1px solid #a1aabd;
}
.sex-cell{
	align-items: flex-end;
	padding: 10px 0;
}
.sex-cell .label{
	margin-right: 5px;
}
.sex-cell .sexs{
	display: flex;
}
.sex-cell .sexs img{
	margin-right: 10px;
}
.sex-cell_bar{
	flex: 1;
	position: relative;
	display: flex;
	align-items: flex-end;
	padding: 0 10px 5px 10px;
}
.sex-cell_bar::before{
	content: '';
	background: #a4b1c3;
	position: absolute;
	border-radius: 12px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 12px;
}
.sex-cell_bar .sexs{
	position: relative;
	z-index: 8;
}
.sex-cell_bar .val{
	position: relative;
	z-index: 8;
}

.dw-data{
	line-height: 1;
	display: inline-block;
	position: relative;
	padding-left: 26px;
}
.dw-data img{
	position: absolute;
	left: 0;
	top: 4px;
}
.dw-data .val{
	font-size: 24px;
	margin-bottom: 10px;
}
.dw-data .text{
	font-size: 14px;
}
.dw-row{
	text-align: center;
}
.hotk-list li{
	background: url(../images/er/hot.png) left center no-repeat;
	padding-left: 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	line-height: 21px;
	cursor: pointer;
}
.hotk-list li:last-child{
	margin-bottom: 0;
}
.hotk-list li .h-title{
	max-width: 70%;
}
.hotk-list li .h-n{
	color: #818595;
	font-size: 14px;
}
.bs-arrow i{
	font-size: 20px;
	cursor: pointer;
	color: #666;
	cursor: pointer;
}

.notice-list .n-intro{
	display: none;
}
.notice-list .active .n-intro{
	display: block;
	font-size: 13px;
	color: #555864;
	margin-top: 10px;
}
.notice-list .n-head{
	cursor: pointer;
}
.notice-list .n-head .n-time{
	margin-left: auto;
	font-size: 13px;
	color: #555864;
}
.notice-list .n-head .n-title{
	max-width: 70%;
}
.notice-list li{
	padding-left: 35px;
	margin-bottom: 10px;
	background: url(../images/er/dotsm.png) 14px 7px no-repeat;
}
.notice-list li:last-child{
	margin-bottom: 0;
}
.notice-list li.active{
	background: url(../images/er/word.png) 0 0 no-repeat;
}
.notice-list{
	height: 215px;
}
.el-table{
	background-color: transparent;
}
.el-table tr{
	background-color: transparent;
}
.el-table th.el-table__cell{
	background-color: transparent;
}

.el-table th.el-table__cell>.cell{
	color: #555864;
	font-weight: normal;
}
.el-table--enable-row-hover .el-table__body tr:hover>td{
	background-color: rgba(255,255,255,.1);
}
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: rgba(255,255,255,.1);
}
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
	border-bottom: 1px solid #a1aabd;
}
.el-table::before{
	display: none;
}
.file-style img{
	margin-right: 4px;
}
.el-table td.el-table__cell div{
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
	word-break: break-all;
}
.dv-head{
	margin-bottom: 10px;
}
.dv-head .lv{
	display: inline-block;
	padding-right: 10px;
	font-size: 20px;
}
.dv-progress{
	display: flex;
	margin-bottom: 15px;
	height: 10px;
}
.dv-progress div{
	height: 10px;
}
.dv-list{
	height: 159px;
}
.dv-list li{
	margin-bottom: 16px;
}
.dv-head{
	display: flex;
	align-items: center;
}
.dv-head .dv-dot{
	width: 12px;
	height: 12px;
	margin-right: 5px;
}
.dv-head .dv-n{
	margin-left: auto;
}
.dv-head .dv-tit{
	max-width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.el-table th.el-table__cell.is-leaf {
	padding-top: 0;
	padding-bottom: 8px;
}
.el-table th, .el-table tr{
	background-color: transparent;
}


.login-container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1100px;
	height: 450px;
	margin: 0 auto;
}
.login-wrap{
	overflow: hidden;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-size: cover;
}
.login-grid{
	position: relative;
	z-index: 999;
}

.login-cmain{
	width: 380px;
	height: 380px;
	box-shadow: 0 0  10px #284fa8 inset;
	background-color: rgba(5,20,51,.6);
	border-radius: 10px;
}
.login-cmain .inner{
	padding:30px
}
.login-text{
	padding: 0;
	font-size: 24px;
	color: #00a8ff;
	text-align: center;
	line-height: 1.5;
	margin-bottom:30px;
	padding-bottom: 20px;
	background: url(../images/er/line.png) center bottom no-repeat;
}
.login-sm-text{
	font-size:20px;
	line-height: 1.2;
	margin-bottom: 30px;
}
.login-wrap-a{
	background-image: url(../images/er/loginbg.jpg);
}
.login-a-pic img{
	display: block;
	transition: .4s all;
}
.login-a-pic .bk1{
	left: 200px;
	top: 0px;
	z-index: 9;
	-webkit-animation-name: af1;
	animation-name: af1;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
}
.login-a-pic .bk2{
	left: 70px;
	top: 120px;
	z-index: 8;
	-webkit-animation-name: af2;
	animation-name: af2;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;animation-delay:.5s;
	-webkit-animation-delay:.5s; 
}
.login-a-pic .bk3{
	left:400px;
	top: 40px;
	z-index: 7;
	-webkit-animation-name: af3;
	animation-name: af3;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;animation-delay:1s;
	-webkit-animation-delay:1s; 
}
.login-a-pic .bk4{
	left: 200px;
	top: 110px;
	z-index: 6;
	-webkit-animation-name: af4;
	animation-name: af4;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;animation-delay:1.5s;
	-webkit-animation-delay:1.5s; 
}
.login-a-pic .bk5{
	left: 0;
	top: 60px;
	z-index: 6;
	-webkit-animation-name: af5;
	animation-name: af5;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;animation-delay:2s;
	-webkit-animation-delay:2s; 
}

.login-a-pic .shu{
	left: 380px;
	top: 170px;
	z-index: 16;
	-webkit-animation-name: af6;
	animation-name: af6;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;animation-delay:2.5s;
	-webkit-animation-delay:2.5s; 
}
@-webkit-keyframes af1 {
    0% {
		left: 200px;
		top: 110px;
		opacity: 0;
    }

    to {
		left: 200px;
		opacity: 1;
		top: 0px;
    }
}
@keyframes af1 {
    0% {
    	left: 200px;
		opacity: 0;
    	top: 110px;
    }
    
    to {
    	left: 200px;
		opacity: 1;
    	top: 0px;
    }
}
@-webkit-keyframes af2{
    0% {
		left: 200px;
		top: 310px;
		opacity: 0;
    }

    to {
		left:70px;
		top: 120px;
		opacity: 1;
    }
}
@keyframes af2 {
    0% {
    	left: 200px;
    	top: 310px;
		opacity: 0;
    }
    
    to {
    	left:70px;
		opacity: 1;
    	top: 120px;
    }
}

@-webkit-keyframes af3 {
    0% {
		left: 200px;
		top: 120px;
		opacity: 0;
    }

    to {
		left: 400px;
		opacity: 1;
		top: 40px;
    }
}
@keyframes af3 {
    0% {
    	left: 200px;
    	top: 120px;
		opacity: 0;
    }
    
    to {
    	left: 400px;
		opacity: 1;
    	top: 40px;
    }
}

@-webkit-keyframes af4 {
    0% {
		left: 200px;
		opacity: 0;
		top: 210px;
    }

    to {
		left: 200px;
		opacity: 1;
		top: 110px;
    }
}

@keyframes af4 {
    0% {
    	left: 200px;
    	top: 210px;
		opacity: 0;
    }
    
    to {
    	left: 200px;
		opacity: 1;
    	top: 110px;
    }
}

@-webkit-keyframes af5 {
    0% {
		left: 100px;
		top: 210px;
		opacity: 0;
    }

    to {
		left: 0;
		top: 60px;
		opacity: 1;
    }
}

@keyframes af5 {
    0% {
    	left: 100px;
    	top: 210px;
		opacity: 0;
    }
    
    to {
    	left: 0;
    	top: 60px;
		opacity: 1;
    }
}
@keyframes af6 {
    0% {
    	left: 380px;
		opacity: 0;
    	top: 310px;
    }
    
    to {
    	left: 380px;
    	top: 170px;
		opacity: 1;
    }
}

@-webkit-keyframes af6 {
    0% {
    	left: 380px;
		opacity: 0;
    	top: 310px;
    }
    
    to {
    	left: 380px;
    	top: 170px;
		opacity: 1;
    }
}

.login-wrap-a .login-cmain{
	background-color: rgba(2,30,86,.6);
    box-shadow: 0 0 10px #284fa8 inset;
}
.login-text .tt{
	font-size: 24px;
}
.login-text .desc{
	font-size: 14px;
	opacity: .5;
	font-weight: lighter;
	text-transform: uppercase;
}
.login-heading{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}
.login-heading span{
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 10px;
}


.dl-form .el-input__inner{
	border-radius: 0;
	border: 0;
	font-size: 15px;
	height: 50px;
	background-color: transparent;
	border-bottom: 1px solid #1d3a6a;
	color: #FFFFFF;
}
.dl-form .el-input__inner:focus{
	border-bottom: 1px solid #0080ff;
}
.dl-form .el-input__icon{
	font-size: 20px;
	color: #1191ec;
}
.dl-form .el-input--prefix .el-input__inner{
	padding-left: 52px;
}
.dl-form .el-input__prefix{
	left: 6px;
}
.dl-form .el-input__inner:focus+.el-input__prefix .el-input__icon{
	color: #0080ff;
}
.l-foot{
	text-align: center;
}
.dl-form .el-button--submit{
	background-image: linear-gradient(to right, #5cc2ff , #4e94ff);
	border: 0;
	height: 40px;
	width: 130px;
	border-radius: 4px;
	color: #FFFFFF!important;
	font-size: 16px;
	box-shadow: 0px 5px 8px #011138;
}
.mapechart{
	width: 100%;
	height: 485px;
}


/* 日历 */
.el-calendar{
	background-color: transparent;
}
.el-calendar-table .el-calendar-day{
	position: relative;
	height: 36px;
	text-align: center;
	font-size: 13px;
	z-index: 8;
}
.el-calendar-table td{
	border: 0!important;
}
.el-calendar__body{
	padding: 0;
}
.el-calendar__header{
	display: none;
}
.data-inbox{
	position: relative;
	z-index: 9;
}
.el-calendar-table .is-today .el-calendar-day::after{
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color: #007eff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -15px;
	margin-left: -15px;
	box-shadow: 0 0 14px #288cf4;
}
.el-calendar-table .is-today .spandate{
	color: #FFFFFF;
}
.el-calendar-table td.is-selected {
    background-color: transparent;
}
.el-calendar-table .el-calendar-day:hover {
    cursor: pointer;
    background-color: transparent;
}
.el-calendar-table:not(.is-range) td.next, .el-calendar-table:not(.is-range) td.prev {
    color: #666;
}

.el-badge__content{
	border: 0;
}
.data-inbox .el-badge{
	position: absolute;
	left: 50%;
	line-height: 1;
	transform: translateY(-50%);
	bottom: -9px;
	height: 6px;
}
.el-badge__content.is-dot{
	line-height: 1;
	width: 6px;
	height: 6px;
}
.el-badge__content--danger {
    background-color: #ed5959;
}
.el-badge__content--success {
    background-color: #1dacd5;
}
.el-calendar-table thead th{
	font-size: 13px;
}
.bs-rili_hd{
	padding: 10px 20px;
	border-bottom: 1px solid #a1aabd;
}

.bs-rili_hd .nyr{
	color: #818595;
	font-size: 13px;
}
.bs-rili_hd .month{
	font-size: 16px;
	font-weight: bold;
}
.de-detail .item-title{
	font-size: 18px;
	margin-bottom: 10px;
}
.de-detail .item{
	margin-bottom: 10px;
}

.handle-t{
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 17px;
}
.h-cell{
	margin-bottom: 15px;
}
.h-cell .avatar{
	width: 45px;
	height: 45px;
	border-radius: 53px;
	margin-right: 10px;
}
.h-cell .h-name{
	color: #333333;
	font-weight: bold;
}
.h-cell .h-item{
	color: #666;
}
.h-desc{
	margin-bottom: 30px;
}
.h-items{
	color: #333333;
	margin-bottom: 30px;
}
.h-items .h-item{
	margin-bottom: 10px;
}
.h-items .h-item .hd{
	font-weight: bold;
}























